<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.yangshi1{
				color: red;
				font:12px "微软雅黑";
			}
			.yangshi2{
				color: yellow;
				font: 16px "微软雅黑";
			}
			.yangshi3{
				color: blue;
				font: 22px "微软雅黑";
			}
		</style>
		
		
		<script type="text/javascript">
			function aaa1(){
				aaa.className="yangshi1";
			}
			function aaa2(){
				aaa.className="yangshi2";
			}
			function aaa3(){
				aaa.className="yangshi3";
			}
			
			function bbb1(){
				bbb.className="yangshi1";
			}
			function bbb2(){
				bbb.className="yangshi2";
			}
			function bbb3(){
				bbb.className="yangshi3";
			}
		</script>
	</head>
	
	
	<body>
		<p id="aaa">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
		<form action="" method="post">
			<input type="button" value="样式1" onclick="aaa1()"/>
			<input type="button" value="样式2" onclick="aaa2()"/>
			<input type="button" value="样式3" onclick="aaa3()"/>
		</form>
		
		<p id="bbb">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
		<form action="" method="post">
			<input type="button" value="样式1" onclick="bbb1()"/>
			<input type="button" value="样式2" onclick="bbb2()"/>
			<input type="button" value="样式3" onclick="bbb3()"/>
		</form>
		
		
		
	</body>
</html>
